<template>
    <div>   
        <van-row class="nav">
            <van-col span="4">
                <van-icon  @click="$router.push('/home/setup')" name="arrow-left" />
            </van-col>
            <van-col span="9" offset="4">我的收货地址</van-col>
        </van-row>

        <button class="btn"  @click="$router.push('/home/add')">添加新地址</button>

        <div class="bianji">
          <div class="bianji-1">
            <van-image
            round
            width="60px"
            height="60px"
            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
            />
            <div style="margin-left: 10px;">
                <h4>名字 手机号</h4>
                <span>北京市海淀区中鼎大厦B座</span>
            </div>
          </div> 
          <button class="btn-1"  @click="$router.push('/home/edit')">编辑</button>
        </div> 

        <div class="bianji">
          <div class="bianji-1">
            <van-image
            round
            width="60px"
            height="60px"
            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
            />
            <div style="margin-left: 10px;">
                <h4>名字 手机号</h4>
                <span>北京市海淀区中鼎大厦B座</span>
            </div>
          </div> 
          <button class="btn-1" @click="$router.push('/home/edit')">编辑</button>
        </div> 
        <div class="bianji">
          <div class="bianji-1">
            <van-image
            round
            width="60px"
            height="60px"
            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
            />
            <div style="margin-left: 10px;">
                <h4>名字 手机号</h4>
                <span>北京市海淀区中鼎大厦B座</span>
            </div>
          </div> 
          <button class="btn-1" @click="$router.push('/home/edit')">编辑</button>
        </div> 
    </div>
</template>

<script setup lang="ts">



  


</script>

<style scoped>
.nav{
  height: 50px;
  line-height: 50px;
  margin-left: 15px;
  font-size: 20px;
  margin-bottom: 20px;
}
.bianji{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  margin-top: 50px;
}
.bianji-1{
  display: flex;
  align-items: center;
}
.btn{
    display: block;
    margin: 10px 0 10px auto;
    font-size: 15px;
    border: none;
}

.btn-1{
    border: none;
}
</style>